<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 布局分布 layui-col-lgx -->
		<div class="layui-row">
			<div class="layui-col-lg6"  style="height:100px;background-color: aliceblue">12</div>
			<div class="layui-col-lg6"  style="height: 100px;background-color: white;">6</div>
		</div>
		<!-- 布局间距  layui-col-space x -->
		<div class="layui-row  layui-col-space10">
			<div class="layui-col-xs10 layui-col-md4  layui-col-sm10">
				<div style="height: 100px;background-color: red;"></div>
			</div>
			<div class="layui-col-xs2  layui-col-md4 layui-col-sm2">
				<div style="height: 100px;background-color: aqua;"></div>
			</div>
		</div>
       <!-- 列偏移  layui-col-lg-offset  -->
	   <div class="layui-col-lg4  layui-col-lg-offset4"  style="height: 400px;background-color: pink;width: 400px;">
		     
	   </div>
	</body>
</html>